<template>

	<view>
		<!-- <u-navbar :border-bottom="false" :background="background" title-color="#333333" title="店铺	" title-size="36"title-width="500" class="nav"/> -->
		<!-- <u-sticky offset-top="0"> -->
		<view style="position: sticky;z-index: 100;" :style="{top:stickyHeight+'rpx'}">
			<!-- 状态栏 -->
			<!-- {{stickyHeight}} -->
			<!-- <view class="status-bar"></view> -->

			<!-- 头部标题 -->
			<view class="head">
				<view class="head-title flex flex-jc-sb flex-ai-c">
					<view class="flex flex-ai-c">
						<view class="head-title-img">
							<image :src="storeList.brandImg" mode="aspectFit"></image>
						</view>
						<view class="head-title-name">{{storeList.brandName}}</view>
					</view>
					<view class="flex" @click="choice()">
						<view>筛选</view>
						<view>
							<i-icon icon="iconshaixuan" size="30rpx"></i-icon>
						</view>
					</view>
				</view>
			</view>
			<view>
				<u-tabs-swiper ref="uTabs" active-color="#FBD220" :list="list" :current="current" @change="tabsChange"
					:is-scroll="false" swiperWidth="750"></u-tabs-swiper>
				<!-- 重置 -->
				<view class="reset">
					<scroll-view scroll-x='true' class="scroll">
						<view class="reset-history flex flex-ai-c">
							<view class="reset-name flex flex-jc-c" v-show="history.carTypeId">
								<view>{{history.carTypeId}}</view>
								<view @click="delcarTypeId">
									<i-icon icon="iconguanbi" size="26rpx"></i-icon>
								</view>
							</view>
							<view class="reset-name flex flex-jc-c" v-show="history.buyTypeId">
								<view>{{history.buyTypeId}}</view>
								<view @click="delbuyTypeId">
									<i-icon icon="iconguanbi" size="26rpx"></i-icon>
								</view>
							</view>
							<view class="reset-name flex flex-jc-c" v-show="history.rangeValues.length">
								<view>{{history.rangeValues[0]}}-{{history.rangeValues[1]}}万</view>
								<view @click="delrangeValues">
									<i-icon icon="iconguanbi" size="26rpx"></i-icon>
								</view>
							</view>
						</view>
					</scroll-view>
					<view class="reset-right flex flex-ai-c" @click="reset">
						<view style="margin-right: 10rpx;">
							<i-icon icon="iconzhongzhi" size="27rpx"></i-icon>
						</view>
						<view>重置</view>
					</view>
				</view>
			</view>
			<!-- </u-sticky> -->

		</view>

		<!-- swiper -->
		<page-loading :show='pageLoading'>
			<view class="swiper">
				<swiper :current="swiperCurrent" @transition="transition" @animationfinish="animationfinish"
					style="height: 100vh;" @change="swiperChange">

					<!-- 推荐 -->
					<swiper-item class="swiper-item" v-for="(item,index) in 4">
						<scroll-view scroll-y style="height: 100vh;width: 100%;-webkit-overflow-scrolling: auto;"
							@scrolltolower="onreachBottom">
							<recommend :carlist='carlist[index]' :isLeft='true'></recommend>
							<u-loadmore :status="loadStatus[index]" @loadmore="more" margin-top="50" />
						</scroll-view>
					</swiper-item>
				</swiper>
			</view>
		</page-loading>
	</view>

</template>

<script src='./store.js'>
</script>

<style lang="scss" scoped>
	@import './store.scss';
</style>
